//覆盖一些element-ui样式
.block-checkbox {
  display: block;
}

.operation-container {
  .cell {
    padding: 10px !important;
  }
  .el-button {
    &:nth-child(3) {
      margin-top: 10px;
      margin-left: 0px;
    }
    &:nth-child(4) {
      margin-top: 10px;
    }
  }
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

.cell {
  .el-tag {
    margin-right: 8px;
  }
}

.small-padding {
  .cell {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.status-col {
  .cell {
    padding: 0 10px;
    text-align: center;
    .el-tag {
      margin-right: 0px;
    }
  }
}

//暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

//文章页textarea修改样式
.article-textarea {
  textarea {
    padding-right: 40px;
    resize: none;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #bfcbd9;
  }
}

//element ui upload
.upload-container {
  .el-upload {
    width: 100%;
    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

.el-select{
  width: 100%;
}

/*表单验证，验证成功后输入框边框的颜色*/
.el-form-item.is-success {
  .el-input__inner, .el-textarea__inner {
    border-color: #d8dce5;
    &:focus {
      border-color: #d8dce5;
    }
  }
}

/*复合型输入框，按钮的颜色设置*/
.form-line{
  .el-input-group__append{
    background: #409EFF;
    color: #fff;
    border: 1px solid #409EFF;
  }
  /*复合型输入框，表单的margin*/
  .el-form-item{
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
    .el-form-item__content{
      width: 100%;
    }
  }
}

/* 输入框为的disable是字体的颜色*/
.el-input.is-disabled  {
  .el-input__inner{
    background-color: #f5f7fa;
    border-color: #dfe4ed;
    color: #5a5e66;
    cursor: not-allowed;
  }
}

/*textarea为的disable是字体的颜色*/
.el-textarea{
  &.is-disabled{
    .el-textarea__inner{
      background-color: #f5f7fa;
      border-color: #dfe4ed;
      color: #5a5e66;
      cursor: not-allowed;
    }
  }
}


/*单选框的disable时的样式*/
.el-radio__input{
  &.is-disabled.is-checked{
    .el-radio__inner{
      &::after {
        background-color: white;
      }
    }
  }
}
.el-radio__input{
  &.is-disabled{
    .el-radio__inner{
      background-color: #f5f7fa;
      border-color: #dfe4ed;
    }
    &.is-checked{
      .el-radio__inner {
        background-color: #409EFF;
        border-color: #409EFF;
      }
    }
  }
}

/*联级下拉选框disable时cursor属性的设置*/
.el-cascader{
  &.is-disabled{
    .el-cascader__label{
      cursor: not-allowed;
    }
  }
}

/* 评分组件的垂直居中 */
.el-rate{
  line-height: inherit;
}

/* 滑动开关的字体颜色 */
.el-switch__label{
  color: #999ea8;
}
/* 滑动开关disable时的颜色 */
.el-switch{
  &.is-disabled {
    opacity: 1;
  }
}

/* 表格头的样式设置 */
.el-table {
  .has-gutter {
    th {
      color: #333;
      padding: 10px 0;
      background: #f3f6fb;
    }
  }
  th {
    padding: 10px 0;
  }
  th.gutter {// TODO zChuang 新增的
    display: table-cell !important;
  }
}

/* 顶部选中item的下边框颜色 */
.el-menu--horizontal{
  >.el-submenu{
   &.is-active{
     .el-submenu__title{
       border-bottom: none;
     }
   }
  }
}

.navbar{
  .user-info{
    span[data-v-96b44dc4]{
      color: #333 !important;
    }
  }
}

/**/
.el-message{
  z-index: 10002 !important;
}

/*badge的样式位置设置*/
.el-badge__content{
  &.is-fixed{
    &.is-dot{
      right: 0px;
    }
  }
  &.is-fixed{
    top: 10px;
  }
  &.is-dot{
    height: 10px;
    width: 10px;

  }
}
